//
console.log('hello');

// 通过相对路径直接引用
// import Vue from '../node_modules/vue/dist/vue.js'

// 通过设置别名，直接引入模块
import Vue from 'vue'

// 别名引入形式组件注册, 与平常的script引入形式的组件注册使用方式相同
// 1. 声明组件
// var myH = {
//     template: '<h3>hello vue component!</h3>'
// };

// 使用vue组件myH.vue, 通过render 渲染, 该种方式与上面的声明组件区别是 该方式会清空app容器内的其他标签
// 默认webpack不支持vue格式文件编译,因此需要安装vue-loader
import myH from './myH.vue'

var vm = new Vue({
    el: "#app",
    data: {
        msg: "hello webpack vue!"
    },
    // 2. vue中注册组件
    // components: {
    //     myH
    // }

    // 注释掉vue别名配置, 在runtime环境下渲染组件
    // 简写形式 render: c => c(myH)
    render: function(c) {
        return c(myH);
    }
});

// 从test.js 导入, as 别名
import tomObj, {title, content as c } from './js/test.js'

console.log(tomObj, title, c);
